<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <ui:composition template="layout.xhtml">
        <ui:define name="corpo">
            <h:form id="buscar_form" acceptcharset="utf-8"> 
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexLivro.xhtml')}" value="Livros" update="@form" immediate="true"/> >
                    <p:commandLink  value="Pesquisar Livros Intervalo" update="@form" immediate="true"/>
                </div>
                <p:panel header="Pesquisar Livros">

                    <p:messages showDetail="true"  id="msg" /> 
                    <fieldset>
                        <legend>Filtros</legend>    
                        <h:panelGrid columns="2"  border="0" styleClass="textAlignRight" columnClasses="textAlignRight"> 

                            <h:outputLabel value="Livro: "/>
                            <p:autoComplete id="livro" size="20" panelStyle="width:250px !important;" effect="blind"  value="#{managerConsultarLivro.livroIntervalo}" completeMethod="#{managerConsultarLivro.completeLivroIntervalo}"  
                                            var="p" itemLabel="#{p.titulo}" itemValue="#{p}" converter="livroConverter" required="true" requiredMessage="Escolha o Livro" forceSelection="true" converterMessage="Erro, verifique o Livro" minQueryLength="3" dropdown="true"> 
                                <p:ajax event="itemSelect" listener="#{managerConsultarLivro.handleSelectIntervalo}"/>
                            </p:autoComplete>



                            <h:outputLabel value="Página: "/> 
                            <p:row>
                                <p:spinner id="minmax"   
                                        value="#{managerConsultarLivro.num1}"  size="4" min="0" max="1000"/>  
                                <h:outputText value="  à "/> 
                                <p:spinner id="minmax2"   
                                        value="#{managerConsultarLivro.num2}" size="4" min="0" max="1000"/>  
                             </p:row>
                        </h:panelGrid>  


                    </fieldset>
                    <center>
                        <div class="buttonAction">
                            <p:commandButton process="@form" icon="ui-icon-search"
                                             actionListener="#{managerConsultarLivro.buscarIntervalo()}"
                                             value="Buscar" update="livroTable, msg"/>

                            <p:commandButton id="limpar" icon="ui-icon-arrowreturnthick-1-w" 
                                             value="Cancelar" actionListener="#{managerVisualizarLivro.redirect('indexLivro.xhtml')}" 

                                             immediate="true" />
                        </div>
                    </center>
                    <p:dataTable id="livroTable" var="livro" value="#{managerConsultarLivro.lstLivroIntervalo}" 
                                 paginator="true" rows="5"
                                 paginatorPosition="bottom"
                                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
                                 rowsPerPageTemplate="5,10,15">     
                        <f:facet name="header">  
                            Livros
                        </f:facet>
                        <p:column style="width:4%">  
                            <p:rowToggler />  
                        </p:column> 
                        <p:column style="width:300px;" headerText="Titulo"> 
                            <h:outputText value="#{livro.titulo}" />  
                        </p:column>
                        <p:column headerText="Descricao">  
                            <h:outputText value="#{livro.descricao}" />  
                        </p:column>
                        <p:column style="width:100px;" headerText="Numero"> 
                            <h:outputText value="#{livro.numero}" />
                        </p:column>
                        <p:column style="width:100px;" headerText="Qtd"> 
                            <h:outputText value="#{managerConsultarLivro.qtdFolha(livro)}" />
                        </p:column>

                        <!--                        <p:column style="width:64px;" headerText="Opções">
                                                    <p:commandButton  icon="editar"  actionListener="{managerEditarEntradaSelo.redirect('editarEntradaSelo.xhtml', entradaSelo)}" update="@form"/> 
                                                    <p:commandButton  icon="view" actionListener="{managerVisualizarEntradaSelo.redirect('visualizarEntradaSelo.xhtml', entradaSelo)}" update="@form"/>   
                        
                                                </p:column>  -->

                        <p:rowExpansion>  
                            <table style="width:100%">
                                <tbody style="background-color: #5277A9; color: #ffffff; ">
                                    <td style="font-weight: bold;">
                                        Numero 
                                    </td>
                                </tbody>
                                <ui:repeat value="#{livro.folhas}" var="folha">
                                    <tr>
                                        <td >
                                            <h:outputText value=" Numero - #{folha.numero}" />  
                                        </td>

                                    </tr>
                                </ui:repeat>
                            </table>
                        </p:rowExpansion>  

                    </p:dataTable>  



                </p:panel>
                <br/>
            </h:form>
        </ui:define>
    </ui:composition>
</html>


